<!--
 * @Author: zhangweili zhang_weili@uxsino.com
 * @Date: 2022-06-17 19:11:25
 * @LastEditors: zhangweili zhang_weili@uxsino.com
 * @LastEditTime: 2023-05-16 16:58:01
 * @FilePath: \CMS\src\views\cms\index\components\moduleDialog1.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE8
-->
<template>
  <div class="dialogmodel1">
    <div class="row1">
      <div class="column">
        <Model1 ref="Model1" :type-status="type" :rail-types="railTypes" :dept-code="deptCode" />
      </div>
      <div class="column">
        <Model2 ref="Model2 " :type-status="type" :rail-types="railTypes" :dept-code="deptCode" />
      </div>
      <div class="column">
        <Model3 ref="Model3 " :type-status="type" :rail-types="railTypes" :dept-code="deptCode" />
      </div>
    </div>
    <div class="row2">
      <Model4 ref="Model4" :type-status="type" :rail-types="railTypes" :dept-code="deptCode" />
    </div>
  </div>
</template>
<script>
import number from '../../../../../directive/number'
import Model1 from './dialog1/mode1.vue'
import Model2 from './dialog1/model2.vue'
import Model3 from './dialog1/model3.vue'
import Model4 from './dialog1/model4.vue'
export default {
  components: {
    Model1,
    Model2,
    Model3,
    Model4
  },
  props: {
    cType: {
      type: String,
      default: ''
    },
    type: {
      type: Number,
      default: 0
    },
    railTypes: {
      type: String,
      default: ''
    },
    deptCode: {
      type: String,
      default: ''
    }

  },
  data() {
    return {}
  }
}
</script>
<style scoped>
.dialogmodel1 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.row1 {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: space-between;
}
.row2 {
  width: 100%;
  background: #0f1f56;
  height: 38%;
}
.column {
  width: 32.5%;
  height: 100%;
  background: #0f1f56;
}
</style>
